<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
    <meta charset="utf-8">
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />
    <title>Fantasy Template</title>
    <meta name="keywords" content="fantasy, responsive design, free template, fluid layout, bootstrap, templatemo" />
    <meta name="description" content="Fantasy is a responsive design, free template based on Bootstrap." />
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- Custom styles for this template -->
    <link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">

    <!-- HTML 5 shim for IE backwards compatibility -->
    <!-- [if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->

    <script>
        // https://github.com/twbs/bootstrap/issues/9774
        function refresh()
        {
            var container = document.getElementById('home');
            var masthead = document.getElementById('masthead');
            var content = document.getElementById('thumbnails_container');
            container.removeChild(masthead);
            container.insertBefore(masthead, content);
        }
    </script>

</head>

<body onResize="refresh()">
<div id="main_container">
    <div class="container" id="home">

        <div class="masthead" id="masthead">
            <ul class="nav nav-justified">
                <li><a href="{:U('Index/index')}">Home</a></li>
                <li><a href="{:U('Activity/index')}">Activity</a></li>
                <li><a href="{:U('Game/index')}">Game</a></li>
                <li><a href="{:U('Charity/index')}">Charity</a></li>
                <li><a href="{:U('Professor/index')}">Professor</a></li>
                <li><a href="about.html">Q&A</a></li>
            </ul>
        </div> <!-- nav -->
        <div class="row" id="thumbnails_container">

            <div class="col-md-12">
                <!--<h2>{$title}</h2>-->
                {$content}
            </div>

        </div> <!-- thumbnail area -->
    </div>
    <footer class="container">
        <div class="credit row">
            <div class="col-md-6 col-md-offset-3">
                <div id="templatemo_footer">
                    Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a>
                </div>
            </div>
            <div class="col-md-3">
                <div style="text-align: right">
                    <a href="http://www.facebook.com/templatemo" rel="nofollow"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a>
                    <a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a>
                    <a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a>
                </div>
            </div>
        </div>
    </footer>
</div>
<script type='text/javascript' src='__PUBLIC__/js/logging.js'></script>
</body>
</html>